<template>
	<Swiper>
		<SwiperSlide>
			<img src="../assets/logo.svg" alt="logo">
		</SwiperSlide>
		<SwiperSlide>
			<img src="../assets/logo.svg" alt="logo">
		</SwiperSlide>
		<SwiperSlide>
			<img src="../assets/logo.svg" alt="logo">
		</SwiperSlide>
	</Swiper>
	
</template>

<script>
  // Import Swiper Vue.js components
  import { Swiper, SwiperSlide } from 'swiper/vue';

  // Import Swiper styles
  import 'swiper/css';
export default {
    components: {
      Swiper,
      SwiperSlide,
    },
    setup() {
      const onSwiper = (swiper) => {
        console.log(swiper);
      };
      const onSlideChange = () => {
        console.log('slide change');
      };
      return {
        onSwiper,
        onSlideChange,
      };
    },
  };
</script>
<style scoped>
img{
	width: 100px;
	height: 100px;
}
</style>